// cover some element-ui styles
.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
  color: #c0c4cc;
}

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 0px;
  }
}

.small-padding {
  .cell {
    padding-left: 5px;
    padding-right: 5px;
  }
}

//.fixed-width {
//  .el-button--mini {
//    padding: 7px 10px;
//    min-width: 60px;
//  }
//}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;

    .el-tag {
      margin-right: 0px;
    }
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  // 注释掉的原因是因为v3中会影响到弹窗的top值
  // margin: 0 auto;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
  display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}

::-webkit-scrollbar {
  width: 11px;
  height: 11px; /*滚动条高度*/
}
::-webkit-scrollbar-thumb {
  background-color: #9fa0a093; /*滚动条的背景颜色*/
}
.el-checkbox__inner {
  border-color: rgb(161, 160, 160);
  width: 12px;
  height: 12px;
}
.el-table th {
  background-color: #dfdfdf !important;
}
.el-tabs__header {
  margin-bottom: 5px;
}

.el-button--text {
  padding: 7px 10px;
  box-sizing: border-box;
}
.el-popconfirm__action {
  margin-top: 8px;
  .el-button {
    padding: 3px 5px;
    span {
      font-size: 12px;
    }
  }
}
.el-menu-item,
.el-sub-menu__title {
  height: 40px;
  line-height: 40px;
}
.el-sub-menu .el-menu-item {
  height: 34px;
  line-height: 34px;
}
.el-table--default td,
.el-table--default th,
.el-table--medium td,
.el-table--medium th,
.el-table--small td,
.el-table--small th,
.el-table--mini td,
.el-table--mini th {
  padding: 0;
}
.el-switch__core {
  width: 38px;
  height: 18px;
}
.el-switch__core:after {
  width: 14px;
  height: 14px;
}
.el-switch.is-checked .el-switch__core::after {
  margin-left: -14.5px;
}

//.el-table__indent{
//padding-left: 0!important;
//content: ''
//}
-moz-.el-table .cell {
  //解决火狐上明细分组出现...问题
  text-overflow: clip;
}
.el-loading-mask {
  z-index: 100000 !important;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #6dc1a9;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
  background-color: #6dc1a9 !important;
  border-color: #6dc1a9 !important;
  box-shadow: none !important;
}
.el-checkbox-button__inner:hover {
  color: #6dc1a9;
}

//展开表格底色
.el-table .el-table__expanded-cell[class*='cell'] {
  background: #fff5e3 !important;
}
.expandTable .el-table tr,
.expandTable .el-table td,
.expandTable .el-table th {
  background: #fff5e3 !important;
}

.el-table__body tr.current-row > td.el-table__cell {
  //加深验收
  background-color: #d5e5f3  !important;
}

.el-input__inner,
.el-textarea__inner {
  &::placeholder {
    color: #767d8a !important;
  }

  &::-webkit-input-placeholder {
    /* WebKit browsers 适配谷歌 */
    color: #767d8a !important;
  }

  &:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #767d8a !important;
  }

  &::-moz-placeholder {
    /* Mozilla Firefox 19+ 适配火狐 */
    color: #767d8a !important;
  }

  &:-ms-input-placeholder {
    /* Internet Explorer 10+  适配ie*/
    color: #767d8a !important;
  }
}
.login-input {
  .el-input__inner {
    &::placeholder {
      color: #ffffff !important;
    }
    &::-webkit-input-placeholder {
      /* WebKit browsers 适配谷歌 */
      color: #ffffff !important;
    }
    &:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 适配火狐 */
      color: #ffffff !important;
    }
    &::-moz-placeholder {
      /* Mozilla Firefox 19+ 适配火狐 */
      color: #ffffff !important;
    }
    &:-ms-input-placeholder {
      /* Internet Explorer 10+  适配ie*/
      color: #ffffff !important;
    }
  }
}
//disable颜色
.el-button.is-disabled,
.el-input.is-disabled .el-input__inner {
  color: #767d8a;
  background-color: #dcdfe6;
}
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  color: #767d8a !important;
  background-color: #dcdfe6 !important;
  cursor: not-allowed;
  background-image: none;
  border-color: #e6ebf5 !important;
}
.scan-input-box-disabeld {
  display: flex;
  .el-input-group__prepend {
    color: #767d8a !important;
    background-color: #dcdfe6 !important;
    border-color: #e4e7ed !important;
  }
  .el-input__inner {
    border-color: #e4e7ed !important;
  }
}

.skin_black .el-sub-menu__title {
  color: #dededf;
}
.skin_green .el-sub-menu__title {
  color: #dededf;
}
.skin_black .el-menu-item:not(.is-active):hover,
.skin_black .el-sub-menu__title:hover {
  color: #6dc1a9;
  background-color: #181b23;
}
.skin_green .el-menu-item:not(.is-active):hover,
.skin_green .el-sub-menu__title:hover {
  color: #4dc4a1;
  background-color: #28333e;
}
.skin_green .el-button.el-button--default:focus:hover {
  color: #ffffff;
}

.el-button.is-disabled,
.el-input.is-disabled .el-input__inner {
  background-color: #f5f7fc;
}

.el-dropdown {
  line-height: inherit;
}
// 防止输入框中右边有可点击项但不能所有位置点击的问题
.el-input-group__append {
  padding: 0;
  min-width: 50px;
  .el-icon {
    width: 100%;
    height: 100%;
  }
}
.filter-input {
  width: 220px !important;
}
.el-table {
  // 降低左右间距
  .cell {
    padding: 1px 2px;
  }
  // 降低上下间距
  .el-table__cell {
    padding: 2px 0;
  }
  // 避免有数字输入框时未垂直居中的问题
  .el-form-item {
    margin-bottom: 0px !important;
  }
}
// 降低表单间的报错信息上下间距
.el-form-item {
  margin-bottom: 12px !important;
}
.el-form-item .el-form-item__error {
  padding-top: 0;
}
.collapseBody {
  border-top: none;
  .el-collapse-item__header {
    border-bottom: none;
    color: #6dc1a9;
    font-weight: bold;
  }
}
// 修改更多下拉框高度宽度
.el-dropdown-menu__item {
  padding: 0 6px !important;
}
// 两个按钮之间的间距
.el-button + .el-button {
  margin-left: 10px;
}
.el-table .el-form-item__error {
  position: static;
}
// 数字框的样式部分重写
.el-input-number {
  .el-input-number__decrease,
  .el-input-number__increase {
    height: 50%;
    box-sizing: border-box;
  }
  .el-input-number__decrease {
    bottom: 1px;
  }
  .el-input {
    vertical-align: baseline;
  }
}
.el-input-group__append {
  .el-button {
    min-width: 50px;
  }
}
// label换行高度问题
.el-form-item__label {
  display: flex;
  align-items: center;
  padding: 0 6px 0 0 !important;
}
// 适度降低上传提示margin高度
.el-upload__tip {
  margin-top: 2px;
}
// 避免多选放不下样式bug
.el-select__tags {
  max-width: 100% !important;
}
.el-select__tags {
  width: calc(100% - 30px)!important;
}
.el-select__tags-text{
  max-width: 90px!important;
}
//
.el-table .cell.el-tooltip {
  min-width: 20px !important;
}

// 处理正式环境无法使用ctrl + a 或者鼠标选中输入框内容问题
.el-input__inner::selection {
  background: #3390ff;
  color: #fff;
}
// 覆盖admin.css内的原先样式
.el-table__row {
  .cell.el-tooltip {
    .el-form-item:not(.not-br) {
      flex: 1;
      width: 100%;
      // min-width: 100px;
      margin-right: 0;
    }
  }
}

//

.el-popper:focus {
  outline: none !important;
}
